<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>cookie的使用</title>
  </head>
  <body>
    <script>
      const name = 'username';
      const value = 'ceshi';

      document.cookie = 'age=18'; // 设置：每次只能设置一对cookie
      document.cookie = `${name}=${value}`;
      const cookie = document.cookie; // 获取：获取cookie值， 获取特定的用循环
      console.log(cookie);

      // 删除：设置过期时间为过去的日期
      // document.cookie = 'username=ceshi1;expires=Thu, 01 Jan 1970 00:00:00 GMT;';

      const exp = new Date();
      exp.setTime(exp.getTime() + 2 * 60 * 1000); // 过期时间 2min
      document.cookie = `${name}=${escape(value)};expires=${exp.toUTCString()}`; // 过期时间需要GMT格式
      console.log(`${name}=${escape(value)};expires=${exp.toUTCString()}`);

      /**
       * 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束（这种cookie简称会话cookie）
       * 如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失
       */
    </script>
  </body>
</html>
